<extend name="Layout:layout_base" />
<block name="head_after">
    <style type="text/css">
        body{font-size:12px;}
        .user-card { margin:10px; padding:10px; display:table; border:solid 1px #CCC;}
        .user-card .face img { width:120px; height:120px;}
        .user-card .info th { padding:0 0 10px 10px;}
        .user-card .info td { padding-bottom:10px; color:#555; }
        .desktop { width:960px; border-bottom:solid 1px #efefef; border-top:solid 1px #efefef; padding:5px 0 5px 0; margin-bottom: 10px;}
        .desktop .item { padding:15px 20px; color:#FFF; display:inline-block; margin:5px 0 5px 10px;}
        .desktop .item a { color:#FFF; text-decoration: underline; padding:0px 5px; }
        .desktop .item h3 { font-size:16px; margin-bottom: 10px; font-weight: bold;}
        .desktop .item h3 i { margin-right:5px;}
        .desktop .item .status { line-height: 18px;}
        .desktop .dark-red { background-color: #DA542E;}
        .desktop .red { background-color:#F74D4D; }
        .desktop .blue { background-color: #25A9E3;}
        .desktop .lblue { background-color:#6DBCDB;}
        .desktop .dark-blue { background-color: #2255A4;}
        .desktop .green {background-color: #28B779;}
        .desktop .lgreen {background-color:#86A329;}
        .desktop .orange { background-color: #FFB848;}
        .desktop .dorange { background-color:#FE9C14;}
        #accordion li { line-height:21px;}
        #accordion li i { color:#999;}
        .desktop-block {float:left; margin-left: 10px; min-height:90px; border:solid 1px #CCC;}
        .desktop-block h3 { padding:10px 15px; color:#FFF;}
        .desktop-block div { padding: 5px 15px; line-height: 21px;}
    </style>
</block>
<block name="body_main">
    <div class="user-card">
        <table>
            <tr>
                <td class="face">
                    <img src="{$site_conf['site_sub_path']}{$login_data.face_url|default='/Uploads/Face/Default/face.png'}" title="{$login_data.name|default='头像'}" /> 
                </td>
                <td class="info">
                    <table>
                        <tr><th>用户名：</th><td title="{$login_data.name}">{$login_data.user_name}<a href="{:U('User/profile_edit','addon=POrgUser')}" class="lnk-dialog-g" title="编辑个人资料">[编辑]</a></td></tr>
                        <tr><th>角色：</th><td>{$login_data.role_names}</td></tr>
                        <tr><th>部门：</th><td>{$login_data.department_names}</td></tr>
                        <tr><th>上次登录：</th><td>{$login_data.login_time} [{$login_data.login_ip}]</td></tr>
                        <tr><th>登录次数：</th><td>{$login_data.login_count}</td></tr>
                    </table>
                </td>
            </tr>
        </table>
    </div>
    <div class="desktop">
        <ul>
            <li class="item blue">
                <h3><i class="fa fa-sticky-note-o fa-fw"></i>待办事项</h3>
                <div class="status">
                    待完成：<a href="#">30</a><br />
                    已完成：<a href="#">5</a><br />
                    总共：<a href="#">5</a>
                </div>
            </li>
            <li class="item red">
                <h3><i class="fa fa-line-chart fa-fw"></i>网站统计</h3>
                <div class="status">
                    今日访问：<a href="#">30</a><br />
                    本月访问：<a href="#">5</a><br />
                    总访问量：<a href="#">5</a>
                </div>
            </li>
            <li class="item dark-blue">
                <h3><i class="fa fa-users fa-fw"></i>客户管理</h3>
                <div class="status">
                    今日注册：<a href="#">30</a><br />
                    本月注册：<a href="#">5</a><br />
                    总数：<a href="#">5</a>
                </div>
            </li>
            <li class="item green">
                <h3><i class="fa fa-newspaper-o fa-fw"></i>文章管理</h3>
                <div class="status">
                    今日发布 / 拦截：<a href="#">30</a>/<a href="#">5</a><br />
                    本月发布：<a href="#">5</a><br />
                    总数：<a href="#">35</a>
                </div>
            </li>
            <li class="item lgreen">
                <h3><i class="fa fa-shopping-bag fa-fw"></i>商品管理</h3>
                <div class="status">
                    库存警告：<a href="#">30</a><br />
                    今日上架 / 下架：<a href="#">30</a>/<a href="#">10</a><br />
                    总数：<a href="#">65</a>
                </div>
            </li>
            <li class="item dorange">
                <h3><i class="fa fa-shopping-basket fa-fw"></i>订单管理</h3>
                <div class="status">
                    今日待发货 / 已发货：<a href="#">30</a>/<a href="#">10</a><br />
                    今日签收 / 拒签：<a href="#">30</a>/<a href="#">10</a><br />
                    总数：<a href="#">65</a>
                </div>
            </li>
        </ul>
    </div>
    <div>
        <div class="desktop-block">
            <h3 style="background-color:#CE8230;">开发团队</h3>
            <div>
                主程：天澜<br />
                美工：游影
            </div>
        </div>
        <div class="desktop-block">
            <h3 style="background-color:#4476A0;">技术支持</h3>
            <div>
                联系方式：    
                Email:14507247@qq.com
            </div>
        </div>
        <div style="clear:left;"></div>
    </div>
</block>
<block name="body_after">
    <script type="text/javascript">
        $(function () {
            $("#accordion").accordion();
        });
    </script>
</block>